﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="Album.ascx.cs" Inherits="App_ctr_Album" %>

<link rel="stylesheet" href="../CSS/themes/default/default.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../CSS/themes/light/light.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../CSS/nivo-slider.css" type="text/css" media="screen" />

<script type="text/javascript" src="Js/jquery.nivo.slider.js"></script>

<div class="slider-wrapper theme-default" style="height: 320px;">
    <div id="slider" class="nivoSlider" style="height: 300px;">
        <asp:Repeater ID="album" runat="server">
            <ItemTemplate>
                <a href="<%#Eval("URL") %>">
                    <img src="<%#Eval("IMAGES") %>" data-thumb="<%#Eval("IMAGES") %>" alt="<%#Eval("IMAGES") %>" title="<%#Eval("TITLE") %>" />
                </a>
            </ItemTemplate>
        </asp:Repeater>

    </div>
</div>
<script type="text/javascript">
    $(window).load(function () {
        $('#slider').nivoSlider();
    });
</script>
